<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="Description" content="Cynthia项目缺陷管理系统，拥有表单流程化设计，可视化拖动布局等功能，提供项目管理，缺陷管理，，统计，查询等服务，是您项目上的好帮手！">
<meta name="Keywords" content="Cynthia,BUG管理,项目管理 ,缺陷管理,任务管理,BUG,缺陷,开源">
<title>关于Cynthia</title>
<link href="lib/bootstrap2/css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="lib/bootstrap2/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css">
<link href="lib/g_bootstrap/css/google-bootstrap.css" rel="stylesheet" type="text/css">
<link href="css/top.css" rel="stylesheet" type="text/css">

<style type="text/css">
.left_nav
{
	background-color: rgb(240, 235, 235);
	border: 2px solid rgb(230, 225, 225);
	min-height: 200px; 
	padding-left:10px;
	position:fixed;
	width:200px;
}

.active a
{
	color:red;
	font-weight:bold;
}
</style>

<script type="text/javascript" src='lib/jquery/jquery-1.9.3.min.js'></script>
<script type="text/javascript" src='lib/bootstrap2/js/bootstrap.min.js'></script>
<script type="text/javascript" src='js/util.js'></script>
<script type="text/javascript">
$(function(){
	$("#ul_link").children("li").click(function(){
		var stubId = $(this).children("a").attr("link");
		var divItem = $(stubId);
		$("html,body").animate({scrollTop:($(divItem).offset().top - 40)},100);
		$("#ul_link li").removeClass("active");
		$(this).addClass("active");
	});
});
</script>
</head>
<body>
<div class="container-fluid">
	<div id ="header-nav">
	
	</div>
	
	<div class="row-fluid" style="position: absolute;top:50px;">
		<div class="span2">
			<div class='left_nav'>
				<h4>Cynthia介绍</h4>
				<ul class="nav" id='ul_link'>
					<li class="active"><a href="#" link='#aboutCynthia'>1&nbsp;关于Cynthia</a>
					<li><a href="#" link='#contractUs'>2&nbsp;联系我们</a>
				</ul>
			</div>
		</div>
		<div class="span9" >
			<!-- 关于section -->
			<section id="aboutCynthia">
				<div class="page-header">
					<h3>关于Cynthia</h3>
				</div>
				<p>
					Cynthia提供了一个基于Web的、开源的、跨平台的软件项目管理和问题管理的解决方案。<br />
					通过极大的灵活度，实现了特殊性和普遍性的统一。<br />
					它提供了强大的自定义配置功能，用户能够根据自己的实际情况配置问题的流转和数据模板，它同时内置了强大的Cache模块提高数据的访问效率。
				</p>
			</section>
			<!-- 联系我们 -->
			<section id="contractUs">
				<div class="page-header">
					<h3>联系我们</h3>
				</div>
				<p>
					<a target="_self" href="mailto:cynthia_open@163.com"/>cynthia_open@163.com</a>
				</p>
				<p>
					QQ群：305330695
				</p>
			</section>
		</div>
	</div>
</div>
</body>
</html>